<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>02_Ajax-请求参数简写</title>
</head>
<body>

  <script src="../libs/jquery-3.6.0.js"></script>

  <script>
    // 1. 请求参数简写
    // 1.1. get请求
    // $.get(url, [data], [callback], [type])
    // 1.2. post请求
    // $.post(url, [data], [callback], [type])

    // 2. 请求参数简写
    // 2.1. get请求
    $.get('http://httpbin.org/get')
      .then(function (res) {
        console.log(res)
      })
      .catch(function (err) {
        console.log(err)
      })
      .always(function () {
        console.log('请求结束')
      })

    // 2.2. post请求
    $.post('http://httpbin.org/post', { name: 'ajax-name', age: 18 })
      .then(function (res) {
        console.log(res)
      })
      .catch(function (err) {
        console.log(err)
      })
      .always(function () {
        console.log('请求结束')
      })


  </script>
  
</body>
</html>